<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Choose</title>
</head>
<style>
  .all{
     width: 810px; 
     height: 500px;
     margin: 0 auto;
     display: flex;
     font-size:20px;
  }
  .left{
     width: 400px; 
     height: 500px;
     margin: 0px auto;
     line-height:50px;
     box-shadow:0 0px 10px #aaa;
  }
  .right{
     width: 400px; 
     height: 500px;
     margin: 0 auto;
     line-height:20px;
     box-shadow:0 0px 10px #aaa;
     font-size:15px;
  }
  .warn{
     width: 900px; 
     height: 30px;
     margin: 0 auto;
     text-align:center;
     color:blue;
  }
  span.error{
     color:blue;
  }
  .top{
    width: 170px; 
    height: 60px;
    margin: 0 auto;
    text-align:center;
    font-size:20px;
    display: flex;
  }
  .img{
    width: 50px; 
    height: 60px;
  }
  .button{
     width: 110px; 
     height: 30px;
     margin-top: 30px;
     box-shadow:0 0px 10px #aaa;
     text-align:center;
  }
  .input{
     width: 200px; 
     height: 200px;
  }
  .but{
     width: 110px; 
     height: 30px;
     border:none;
     background:#FFFFFF;
  }
</style>
<body>  
<form method="POST" th:action="@{/result}" th:object="${choose}" >
  <div class="all">  
    <div class="left" th:each="personal:${personal}"  >
      <h1 align="center">个人信息</h1>     
      <label for="name">姓名：</label>
      <input name="name" type="text" th:value="${personal.name}"/>
      <br>
      <label for="sex">性别：</label>
      <input name="sex" type="text" th:value="${personal.sex}"/>
      <br>
      <label for="born">出生：</label>
      <input name="born" type="text" th:value="${personal.born}"/>
      <br>
      <label for="number">学号：</label>
      <input name="number" type="text" th:value="${personal.number}"/>
      <br>
      <label for="grade">年级：</label>
      <input name="grade" type="text" th:value="${personal.grade}"/>
      <br>
      <label for="professional">专业：</label>
      <input name="professional" type="text" th:value="${personal.professional}"/>
      <br>
      <label for="college">学院：</label>
      <input name="college" type="text" th:value="${personal.college}"/>
      <br>
    </div>  
    <div class="right"  th:object="${choose}">
      <h1 align="center">选课信息</h1>           
       <div id="basics">
         <h3>基础:</h3>
           <div th:each="course : ${basics}">
           <input name="courses" type="checkbox" th:value="${course.id}" />
           <span th:text="${course.name}">COURSE</span><br/>
         </div>
       </div>

	  <div  id="majors">
      <h3>专精:</h3>
      <div th:each="course : ${major}">
        <input name="courses" type="checkbox" th:value="${course.id}" />
        <span th:text="${course.name}">COURSE</span><br/>
      </div>
      </div>

	  <div id="theorys">
      <h3>理论:</h3>
      <div th:each="course : ${theory}">
        <input name="courses" type="checkbox" th:value="${course.id}" />
        <span th:text="${course.name}">COURSE</span><br/>
      </div>
      </div>
    </div>
     <br>
    </div> 
  <br>
  <div class="top">
   <div class="img">
       <img th:src="@{/images/5.jpg}"  width="50" height="60"/>
    </div>
    <div class="button">
    <input class="but" type="submit" value="确定提交"/>
    </div>
  </div>
   </form>
</body>
</html>